<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
				<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="bootstrap-3.3.7-dist/bootstrap-3.3.7-dist/css/bootstrap.css" />

		<link rel="stylesheet" type="text/css" href="css/new_file.css" />

		<script src="bootstrap-3.3.7-dist/bootstrap-3.3.7-dist/js/jquery-2.1.4.min.js"></script>

		<script src="bootstrap-3.3.7-dist/bootstrap-3.3.7-dist/js/bootstrap.js"></script>

		<script src="js/new_file.js"></script>
	</head>
	
	
	<style type="text/css">
		*{
			padding: 0;
			margin: 0;
		}
		body{
			background: #171717;
		}
		.tou{
			color: #FFFFFF;
			
			text-align: center;
		}
		.a{

			background: #FFFFFF;
			text-align: center;
			
		}
		.form-group{
			background: #FFFFFF;
			
			padding: 10px;
		}
		input{
			margin-top: 10px;
			margin-bottom: 10px;
			
		}
		.c{
			text-align: center;
		}
		.b{
			text-align: center;
			
			color: #FFFFFF;
		}
	</style>
	<body>
		<div class="footer">
			<div class="container">
				<div class="row">
					<div class="col-lg-6 col-md-6 hidden-sm-6 hidden-xs-6 col-md-offset-3">
						<div class="tou">
							<h1>Bootstrap登录</h1>
						</div>
						<form>
							<div class="form-group">
								<div class="a">
								<h2>用户登录</h2>
								<p><small>输入账号和密码,并单击按钮进行登陆...</small></p>
								</div>
								<input class="form-control" type="text" id="name" placeholder="请输入姓名" />
								
								<input class="form-control" type="text" id="name" placeholder="请输入密码" />
								<button class="btn btn-success btn-block">登录</button>
							</div>
						</form>
						<div class="b">
								<p>第三方登录:</p>
							<form class="c">
								<p>
								<button class="btn btn-primary">登录按钮</button>
								<button class="btn btn-info">注册按钮</button>
								<button class="btn btn-danger">退出按钮</button>
								</p>
							</form>
						</div>
					</div>
					
				</div>
				
			</div>
		</div>

	</body>
</html>
